<template>
  <div>
    <button @click="exportZip">导出压缩包</button>
  </div>
</template>

<script>
import JSZip from "jszip";
import { saveAs } from "file-saver";

export default {
  name: "ExportZipExample",
  methods: {
    async exportZip() {
      // 创建一个 JSZip 实例
      const zip = new JSZip();

      // 添加文件到压缩包
      // 这里可以添加多个文件，示例中添加了一个文本文件
      zip.file("example.txt", "这是示例内容");

      // 生成压缩包
      const content = await zip.generateAsync({ type: "blob" });

      // 使用 file-saver 保存文件
      saveAs(content, "example.zip");
    },
  },
};
</script>